<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>携程在线</title>
    <link rel="stylesheet" href="./css/normalize.css">
    <link rel="stylesheet" href="./css/index.css">
    <link rel="stylesheet" href="./fonts/iconfont.css">

    <style>

    </style>
</head>

<body>
    <div class="search-header">
        <div class="zuo"> <span></span> 搜索:目的地/酒店/景点/航班号
        </div>
        <div class="you">
            <div class="person"></div>
            <p>我的</p>
        </div>
    </div>
    <!-- 背景 -->
    <div class="banner">
    </div>
    <!-- 景点游 -->
    <div class="five">
        <div>
            <div class="hike"></div>
            <span>景点·玩乐</span>

        </div>

        <div>
            <div class="hike1"></div>
            <span>周边游</span> </div>
        <div>
            <div class="hike2"></div>
            <span>美食林</span> </div>
        <div>
            <div class="hike3"></div>
            <span>一日游</span> </div>
        <div>
            <div class="hike4"></div>
            <span>当地指导</span> </div>
    </div>
    <!-- 截图 -->
    <div class="pic1">
        <div>
            <p>酒店</p>
            <img src="./img/hotel.png" alt="">
        </div>

        <div>
            <span>海外酒店</span>
            <span>特价酒店</span>
        </div>

        <div><span>团购</span>
            <span>民宿·客栈</span></div>
    </div>


    <div class="pic1" style="background-color: skyblue;">
        <div>
            <p>机票</p>
            <img src="./img/hotel.png" alt="">
        </div>

        <div>
            <span>火车票</span>
            <span>特价机票</span>
        </div>

        <div><span>汽车票·船票</span>
            <span>专车·租车</span></div>
    </div>


    <div class="pic1" style="background-color: aquamarine;">
        <div>
            <p>旅游</p>
            <img src="./img/hotel.png" alt="">
        </div>

        <div>
            <span>门票</span>
            <span>目的地攻略</span>
        </div>

        <div><span>邮轮旅行</span>
            <span>鹏爸爸到此一游</span></div>
    </div>

    <!-- wifi -->
    <div class="pic5">
        <div>
            <div class="icon"></div>
            <p>wifi电话卡</p>
        </div>
        <div>
            <div class="icon"></div>
            <p>wifi电话卡</p>
        </div>
        <div>
            <div class="icon"></div>
            <p>wifi电话卡</p>
        </div>
        <div>
            <div class="icon"></div>
            <p>wifi电话卡</p>
        </div>
        <div>
            <div class="icon"></div>
            <p>wifi电话卡</p>
        </div>
        <div>
            <div class="icon"></div>
            <p>wifi电话卡</p>
        </div>
        <div>
            <div class="icon"></div>
            <p>wifi电话卡</p>
        </div>
        <div>
            <div class="icon"></div>
            <p>wifi电话卡</p>
        </div>
        <div>
            <div class="icon"></div>
            <p>wifi电话卡</p>
        </div>
        <div>
            <div class="icon"></div>
            <p>wifi电话卡</p>
        </div>
    </div>
    <!-- 热门活动 -->
    <div class="act">
        <img src="./img/hot.jpg" alt="">
        <div class="fr
        ">获取更多福利></div>
    </div>
    <!-- 6个 -->
    <div class="six">
        <div class="">
            <a href=""><img src="./uploads/pic1.jpg" alt=""> </a>
        </div>
        <div class="">
            <a href=""><img src="./uploads/pic2.jpg" alt=""> </a>
        </div>
        <div class="">
            <a href=""><img src="./uploads/pic3.jpg" alt=""> </a>
        </div>
        <div class="">
            <a href=""><img src="./uploads/pic4.jpg" alt=""> </a>
        </div>
        <div class="">
            <a href=""><img src="./uploads/pic5.jpg" alt=""> </a>
        </div>
        <div class="">
            <a href=""><img src="./uploads/pic6.jpg" alt=""> </a>
        </div>
    </div>


    <footer>
        <span>    <span  class="iconfont icon-Clown"></span>
        <p>电话预定</p>
        </span>
        <span>    <span  class="iconfont icon-shouji"></span>
        <p>下载客户端</p>
        </span>
        <span>    <span  class="iconfont icon-ren1"></span>
        <p>我的</p>
        </span>


    </footer>
</body>

</html>